<template>
	<view class="budgetContainer">
		<view class="notice">
			<text>根据您的需求预算价格如下，价格仅供参考，如需报价清单，请联系在线客服或拨打咨询热线</text>
		</view>
		<view class="" style="margin-top: 40rpx;">
			<u-form :model="form" ref="uForm" label-width="200">
				<u-form-item label="制冷部分价格">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
				<u-form-item label="保温部分价格">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
				<u-form-item label="辅料部分">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
				<u-form-item label="运费">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
				<u-form-item label="安装费">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
				<u-form-item label="税费">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
				<u-form-item label="总价">
					<u-input v-model="form.zl" border disabled  />
				</u-form-item>
			</u-form>
		</view>
		<!-- 底部按钮区域 -->
		<view class="footerBtn">
			<u-button type="primary" open-type="contact">获取详细报价清单</u-button>
		</view>
		<!-- 底部按钮区域 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form:{
					zl:"很久很久看"
				},
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.budgetContainer {
		padding: 10rpx 30rpx;

		.notice {
			font-size: 26rpx;
			color: red;
			font-weight: bold;
			line-height: 40rpx;
			text-indent: 1rem;
		}
		.footerBtn{
		
		}
	}
</style>
